<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/leftList.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/xqtz.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/page.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
   <script type="text/javascript">
	var ctx = '${ctx}';
</script>
</head>
<body>
	<jsp:include page="/views/common/head_main.jsp" />
	<div class="bg">
	<input type="hidden" id="item" value="${sessionScope.item_information}"/>
		<div class="contentbox contentbox1">
			<div class="padd1" style="padding: 20px 0 0 0;">
				<!-- 左选框 -->
				<div class="left-list">
					<ul>
						<li class="all"><a href="${ctx}/noticeInfo/noticeInfoList"><img style = "top: 19px;"class="font-icon" src="${ctx}/images/news/xq7.png">全部<span class="fuhao fh-color">∨</span></a></li>
						<li class="sub-list"><a href="${ctx}/noticeInfo/noticeInfoList">
							<img class="font-icon" src="${ctx}/images/news/xq9.png">小区通知 
							<c:if test="${unRead > 0}">
								<span class="note-box"><img class="note-bg" src="${ctx}/images/news/xq11.png">
									<span class="note-num">${unRead}</span>
								</span>
							</c:if>
							<span class="fuhao">＞</span></a></li>
						<li class="sub-list"><a href="${ctx}/cellManual/cellManualList"><img class="font-icon" src="${ctx}/images/news/xq8.png">社区政务<span class="fuhao">＞</span></a></li>
						<li class="sub-list"><a href="${ctx}/yellowPage/yellowPageList"><img class="font-icon" src="${ctx}/images/news/xq9.png">便民黄页<span class="fuhao">＞</span></a></li>	
					</ul>
				</div>
				<div class="rightbox">
					<div class="notice-box">
						<div class="padd">
						<img src="${ctx}/images/news/noticeInfo/trump.png">
						&nbsp;&nbsp;&nbsp;社区政务
						</div>
					</div>
					<div class="bg-color">
						<div class="notice-content">
							<ul>
								<c:forEach items="${cellManuals.list }" var="cellManual" varStatus="cellManualStatus">
									<li>
										<div class="picbox">
										<!-- 服务logo -->
			                        	<c:if test="${not empty cellManual.logo}">
			                       	 		<div class="picdiv" style="padding-right: 6px;">
			                       	 			<img class="picradio" src="${sessionScope.image_logo}${cellManual.logo}"/>
			                        		</div>
			                       	 	</c:if>
			                       	 	<!-- 默认服务logo -->
			                        	<c:if test="${empty cellManual.logo}">
			                       	 		<img src="${ctx}/images/news/noticeInfo/default.png"/>
			                       	 	</c:if>
										<a href="${ctx}/cellManual/cellManualDetail?id=${cellManual.id}">&nbsp;${cellManual.title}</a>
										</div>
										<div class="func">
											<span class="time"><fmt:formatDate value="${cellManual.updateTime}" pattern="yyyy/MM/dd"/> 
												<span class="hours"><fmt:formatDate value="${cellManual.updateTime}" pattern="HH:mm"/></span>
											</span>
										</div>
									</li>
								</c:forEach>
							</ul>
						</div>
					
						<div class="page">
						<input id="pages" type="hidden" value="${cellManuals.pages}">
							<ul>
								<li><a class="last-page page-change " onclick="gotoPage(${currentPage-1 });">&lt;上一页</a></li>
								<c:if test="${cellManuals.firstPage > 1}">
									<li onclick="gotoPage(1);" 
										class="page-num"><a>1</a></li>
									<c:if test="${cellManuals.firstPage > 2}">
		                       		...
		                       		</c:if>
								</c:if>
								<c:forEach items="${cellManuals.navigatepageNums }" var="page">
									<li onclick="gotoPage(${page });"
										class="<c:if test="${currentPage == page }">current</c:if>"
										class="page-num"><a>${page}</a></li>
								</c:forEach>
								<c:if test="${cellManuals.lastPage < cellManuals.pages}">
									<c:if test="${cellManuals.firstPage < cellManuals.pages - 1}">
		                       		...
		                       		</c:if>
									<li onclick="gotoPage(${cellManuals.pages});" 
										class="page-num"><a>${cellManuals.pages}</a>
									</li>
								</c:if>
								<li><a class="next-page page-change" onclick="gotoPage(${currentPage+1 });">下一页&gt;</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="/views/common/footer.jsp" />
    <!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
    <script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
    <script type="text/javascript">
    var page = 1;	
    //跳转到社区政务的列表页面
    function gotoPage(page) {
    	var pages = $("#pages").val();
    	if(page == null || page == 'undefined'){
    		page = this.page;
    	}
    	if(page < 1 ){
    		layer.msg("已到达第一页!", {
				time : 2000
			// 2秒关闭（如果不配置，默认是3秒）
			});
    	} else if(page > pages){
    		layer.msg("已到达最后一页!", {
				time : 1000
			// 2秒关闭（如果不配置，默认是3秒）
			});
    	} else {
	    	window.location.href= ctx + "/cellManual/cellManualList?pNo=" + page; 
	    }
    }
    </script>
</body>
</html>
	